﻿
/* Containers
----------------------------------------------------------------------------------------------------*/
body
{
    background-color:#999;
    /*background-image: url('../../images/background/bg.jpg');*/
                  
}

.softsales-modal-background
{
    background-color:#999;  filter:alpha(opacity=70);  opacity:0.7;
    
}      
.softsales-form 
{
    width: 96%;
	margin-left: 0%;
	margin-right: 2%;
}

.softsales-form-linha
{

    padding: 5px 0px 5px 0px;
    
}

.softsales-form .requerido
{
    background-color:#fcfbd5;           
}


/* Table 
---------------------------------------------------------------------------------------------------*/

.softsales-tabela table 
{
    text-align:left;
    width:100%;    
    margin:1px;   
    border:1px solid #999; 
    
}
.softsales-tabela table th
{
    text-align:left;  
    background-color:#999999;    
    color:#fff;
    padding: 10px; 
    
}

.softsales-tabela table th a
{
    
    color:#fff;
    text-decoration:underline;
    
}

.softsales-tabela table td
{
    padding :2px 2px 2px 2px;
    height: 25px;
    border-bottom:1px dotted #333;    
    
    
}

.softsales-tabela table tr.alt td
{
 
 background: #ecf6fc;
    
}


.softsales-tabela table td *
{
    padding:2px; 
    border-bottom:1px dotted #ccc;    
    
}


/* Input, Select , TextArea*/

.softsales-form select,input,texarea
{    
    padding:2px;        
}

.softsales-form campo-text:focus
{
    outline: none; 
}
.softsales-form campo-select, campo-text 
{
   
     font-size:80%;          
}

/* AJAX PROGRESS */

.softsales-ajax-background
{ 
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #aaa;
    filter: alpha(opacity=80);
    opacity: 0.8;
} 
.softsales-ajax-conteudo
{
    z-index: 9999;
    margin: 250px auto;
    width: 80px; 
    height: 80px; 
}      



/* Label
---------------------------------------------------------------------------------------------------*/

.softsales-form h1,h2,h3
{
    padding:10px;
    display:block;  
    margin:5px; 
}
.softsales-form h1
{        
    font-size:150%;
}
.softsales-form h2
{
    display:block;
    font-size:130%;
}
.softsales-form h3
{
    font-size:120%;
}

.softsales-form .desc
{
    font-weight:bold;    
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.softsales-form .grid_1 {
	width:6.333%;
}


.softsales-form .grid_1 label {
	width:6.333%;
}

.softsales-form .grid_2 {
	width:14.667%;
}

.softsales-form .grid_2  label{
	width:14.667%;
}

.softsales-form .grid_3 {
	width:23.0%;
}

.softsales-form .grid_3 label{
	width:23.0%;
}
.softsales-form .grid_4 {
	width:31.333%;
}

.softsales-form .grid_4 label{
	width:31.333%;
}

.softsales-form .grid_5 {
	width:39.667%;
}

.softsales-form .grid_5 label{
	width:39.667%;
}

.softsales-form .grid_6 {
	width:48.0%;
}

.softsales-form .grid_6 label{
	width:48.0%;
}

.softsales-form .grid_7 {
	width:56.333%;
}

.softsales-form .grid_7 label{
	width:56.333%;
}


.softsales-form .grid_8 {
	width:64.667%;
}

.softsales-form .grid_8 label{
	width:64.667%;
}


.softsales-form .grid_9 {
	width:73.0%;
}

.softsales-form .grid_9 label{
	width:73.0%;
}


.softsales-form .grid_10 {
	width:81.333%;
}

.softsales-form .grid_10 label{
	width:81.333%;
}


.softsales-form .grid_11 {
	width:89.667%;
}


.softsales-form .grid_11 label{
	width:89.667%;
}


.softsales-form .grid_12 {
	width:98.0%;
}

.softsales-form .grid_12 label{
	width:98.0%;
}


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.softsales-form .prefix_1 {
	padding-left:8.333%;
}

.softsales-form .prefix_2 {
	padding-left:16.667%;
}

.softsales-form .prefix_3 {
	padding-left:25.0%;
}

.softsales-form .prefix_4 {
	padding-left:33.333%;
}

.softsales-form .prefix_5 {
	padding-left:41.667%;
}

.softsales-form .prefix_6 {
	padding-left:50.0%;
}

.softsales-form .prefix_7 {
	padding-left:58.333%;
}

.softsales-form .prefix_8 {
	padding-left:66.667%;
}

.softsales-form .prefix_9 {
	padding-left:75.0%;
}

.softsales-form .prefix_10 {
	padding-left:83.333%;
}

.softsales-form .prefix_11 {
	padding-left:91.667%;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.softsales-form .suffix_1 {
	padding-right:8.333%;
}

.softsales-form .suffix_2 {
	padding-right:16.667%;
}

.softsales-form .suffix_3 {
	padding-right:25.0%;
}

.softsales-form .suffix_4 {
	padding-right:33.333%;
}

.softsales-form .suffix_5 {
	padding-right:41.667%;
}

.softsales-form .suffix_6 {
	padding-right:50.0%;
}

.softsales-form .suffix_7 {
	padding-right:58.333%;
}

.softsales-form .suffix_8 {
	padding-right:66.667%;
}

.softsales-form .suffix_9 {
	padding-right:75.0%;
}

.softsales-form .suffix_10 {
	padding-right:83.333%;
}

.softsales-form .suffix_11 {
	padding-right:91.667%;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.softsales-form .push_1 {
	left:8.333%;
}

.softsales-form .push_2 {
	left:16.667%;
}

.softsales-form .push_3 {
	left:25.0%;
}

.softsales-form .push_4 {
	left:33.333%;
}

.softsales-form .push_5 {
	left:41.667%;
}

.softsales-form .push_6 {
	left:50.0%;
}

.softsales-form .push_7 {
	left:58.333%;
}

.softsales-form .push_8 {
	left:66.667%;
}

.softsales-form .push_9 {
	left:75.0%;
}

.softsales-form .push_10 {
	left:83.333%;
}

.softsales-form .push_11 {
	left:91.667%;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.softsales-form .pull_1 {
	left:-8.333%;
}

.softsales-form .pull_2 {
	left:-16.667%;
}

.softsales-form .pull_3 {
	left:-25.0%;
}

.softsales-form .pull_4 {
	left:-33.333%;
}

.softsales-form .pull_5 {
	left:-41.667%;
}

.softsales-form .pull_6 {
	left:-50.0%;
}

.softsales-form .pull_7 {
	left:-58.333%;
}

.softsales-form .pull_8 {
	left:-66.667%;
}

.softsales-form .pull_9 {
	left:-75.0%;
}

.softsales-form .pull_10 {
	left:-83.333%;
}

.softsales-form .pull_11 {
	left:-91.667%;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


.softsales-area-trabalho .area-trabalho-box
{
    width:100px;
    height:100px;
	text-align:center;
	float:left;   
    
}



.content-box .content-box-wrapper {

	padding:10px;

}



.content-box .inner-page-title {

	margin-top:0;

}



.content-box-header h2, .content-box-header h3, .content-box-header h4 {

	font-family:"Segoe UI",Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;

	font-weight:bold;

	padding:0 0 10px;

	margin:0 0 10px;

	border-bottom:#ccc dotted 1px;

}



.content-box h2.ui-box-header, .content-box h3.ui-box-header, .content-box h4.ui-box-header {

	padding:7px 4px 6px;

}



.content-box h2 {

	font-size:1.8em;

}



.content-box h3 {

	font-size:1.5em;

}



.content-box h4 {

	font-size:1.2em;

}



.content-box-header {

	padding:0!important;

}



.content-box-header2 {

	padding:10px!important;

}